<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>管理店铺</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/static/images/favicon.ico">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <script src="/static/layui/layui.js" charset="utf-8"></script>
    <!-- layer -->
    <script src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
</head>
<body>
<div class="layui-row">
    {% for product in product_list %}
        <div style="height: 320px; width: 240px;" class="layui-col-md3 layui-col-md-offset1">
            <div class="layui-row">
                <a href="/create_or_edit_product/?product_id={{ product.id }}&action=create" target="_blank"  >
                    <img src={{ product.image }} alt="">
                </a>
            </div>
            <div class="layui-row">
                <a style="color:#36c">{{ product.name }}</a>
            </div>
            <div class="layui-row">
                <div class="layui-col-md6">
                    价格：{{ product.price }}
                </div>
                <div class="layui-col-md6">
                    库存：{{ product.count }}
                </div>
            </div>
        </div>
    {% endfor %}

</div>
</body>
</html>